<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/3/15
  Time: 14:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
<div class="top">
    <!--        <div>-->
    <!--            按照功能对div进行命名-->
    <div class="company">
        <div>
            <div><img src="${companyModel.logo}" height="141" width="204"/></div>
            <div>
                <div><img src="../img/phone.png" height="30" width="30"/></div>
                <div>${companyModel.phone}</div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div>
            <%--            所以对于前端jsp我们也需要用循环遍历数组,jsp用的是jsp标签
            如果想要用jsp标签需要导入jar包--%>
            <%--
            //        for (NavModel model:navModels
            //             ) {
            //
            //        }
            c:forEach 和Java的forEach进行比较
            item  相当于navModels
            var 相当于model
             item一定要有${}
            var 代表循环的变量 名称
            for(int i=0;i<6;i=i+2)
            begin 从什么时候开始 相当于i=0
            end 从什么时候结束  相当于什么时候跳出for循环  if（i>2)return ;
            step  步进 i++一次迭代几步
            varStatus 叫做状态变量
            --%>
            <c:forEach items="${navModels}" var="model">
<%--                <c:if test="${}">--%>
                    <div onclick="window.open('${model.href}','_self')">${model.title}</div>
<%--                </c:if>--%>


            </c:forEach>
            <%--            <div onclick="window.open('${navModels[0].href}')">${navModels[0].title}</div>--%>
            <%--            <div onclick="window.open('company.html','_self')">公司介绍</div>--%>
            <%--            <div onclick="window.open('news.html','_self')">新闻介绍</div>--%>
            <%--            <div onclick="window.open('product.html','_self')">产品介绍</div>--%>
            <%--            <div onclick="window.open('online.html','_self')">在线留言</div>--%>
            <%--            <div onclick="window.open('callus.html','_self')">联系我们</div>--%>
        </div>
    </div>
    <div class="ad">
        <div>
            <!--                如果html里面空格有多个，直接按空格永远表示一个
            这种情况下我们要用到转义字符
            -->
            <div class="ad-first">
                <div>品味生活</div>
                <div>·</div>
                <div>品味美食</div>
            </div>
            <div class="ad-second">
                <div>一壶茶沏出了生活的醇美</div>
                <div> 一枝花开出了生活的鲜艳</div>
                <div> 一首诗吟出了生活的酸辛</div>
                <div> 一把火燃烧出了生活的激情</div>
                <div>一枝笔绘出了人生的五彩缤纷</div>
                <div> 一首歌唱出了人生的喜怒哀惧</div>
                <div> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div class="ad-third">
                <div>
                    <pingwei>品味</pingwei>
                    <shenghuo>生活</shenghuo>
                    <pingwei>品味</pingwei>
                    <meishi>美食</meishi>
                </div>
                <div> 星语餐饮给你生活指南</div>

            </div>
        </div>
    </div>
    <!--        </div>-->
</div>
</body>
</html>

